<%-- 
    Document   : PERSONNELclient
    Created on : 24 nov. 2011, 17:51:46
    Author     : mamoune
--%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>


<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<f:view>
<html>    
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="CSS/default.css" rel="stylesheet" type="text/css" />
        <link href="CSS/cssLayout.css" rel="stylesheet" type="text/css" />
        <link href="CSS/base.css" rel="stylesheet" type="text/css"/>
        <link href="CSS/search.css" rel="stylesheet" type="text/css"/>
        <link rel="stylesheet" type="text/css" href="http://static.flowplayer.org/tools/css/overlay-apple.css"/>
        <link rel="stylesheet" type="text/css" href="http://static.flowplayer.org/tools/css/tabs.css" />
        <script type="text/javascript"  src="js/jquery.tools.min.js"></script>
        <script type="text/javascript" src="js/overlay.js"></script> 
        <title>Annuaire de competence</title>
    </head>
 </head>

    <body>
        <div id="global" class="shadow">
            <div id="top">
                <table>
                    <tr>
                        <td class="left">
                            <div id="_logo"><img src="images/logo.jpg" alt="Logo UTT" title="Logo UTT" /></div>
                        </td>                     
                        <td>
                            <div id="session" class="right">
                                <img src="images/icone-login.png" alt="En ligne" title="En ligne"/><p>Vous êtes connecté(e) en tant que <span>toto</span> </p>
                                <h:form>
                                    <h:commandButton id="logout" action="#" style="color: darkblue;background: url(images/icone-deconnexion.png) center left no-repeat; padding-left:25px" value="DÃ©connexion"/>
                                </h:form>
                            </div><!-- Bloc de profil utilisateur-->
                        </td>
                    </tr>
                </table>
            </div><!-- Haut de page -->

            <div>
                <div id="left">
                    <ui:insert name="left"></ui:insert>
                    <img src="images/home-icon.gif" alt="Accueil du site" title="Accueil du site" /><h3 class="textshad">Menu principal</h3>

                    <div id="menu">
                       <button rel="#ajoutComp" type="button"><img src="images/add_ico.gif" title="Ajouter competence" alt="Ajouter competence"/><span>Ajouter compétence</span> </button>                        
                        <button rel="#rechercher" type="button"><img src="images/search-icone.png" title="Rechercher un contact" alt="Rechercher un contact"/> <span>Rechercher</span></button>                           
                    </div><!-- Boutons "Ajout" + "Recherche"-->
                    <hr />
                </div> <!-- Menu de gauche -->

                <div id="content" class="left_content">
                    <h2>
                        <ui:insert name="title"></ui:insert>
                    </h2><!-- Titre de la page en cours -->
                    <div id="ajoutComp" class="apple_overlay">
                        <form action ="" method="" id="formAddComp">
                            <fieldset>
                                <legend>Ajout d'un compétence : </legend>
                                <label> Nom * <input type="text" required="required" name="nom" value="#" maxlength="45" /> </label>
                                <label> Nombre d'année * <input type="text" required="required" name="annee" value="#" maxlength="45" /> </label>
                            </fieldset>
                            <p class="high">
                                <h:commandButton id="addComp" value="Ajouter" action="{#competence.doAddComp}"/>
                                <h:commandButton type="reset" value="Annuler"/>
                            </p>
                        </form>
                    </div><!-- Ajout d'un compétence-->

                    
                    <div id="rechercher" class="apple_overlay">
                        <h:form id="formSearch">
                            <fieldset>
                                <legend>Recherche Compétence</legend>
                                <p>
                                    <label for="typeStage">Type de compétence </label>
                                    <select name="typeStage">
                                        <option value="fond">fondamental</option>
                                        <option value="sav">savoir faire</option>
                                    </select>                                
                            </fieldset>

                            <p class="high">
                                <h:commandButton id="search" value="Rechercher" action="{#competence.doSearch}"/>
                                <h:commandButton type="reset" value="Annuler"/>
                            </p>
                        </h:form>                            
                    </div><!-- Formulaire de recherche -->                   
                    </script>
                    
                    <ul class="tabs">
                        <li><a href="#">Compétence</a></li>
                    </ul>
                    <div class="panes">
                        <div>
                            <h:form>
                                <h:dataTable  value="{#competence.listComp}" var="competences">
                                    <h:column>
                                        <f:facet name="header">
                                            <h:outputText value="" />
                                        </f:facet>
                                        <h:commandLink action="{#competence.doDelCompetence}">
                                            <f:param name="id" value="{#competences.nom_comp}"/>
                                            <h:outputText value="Supprimer" style="color: brown;background: url(images/supprimer.png) center left no-repeat; padding-left:20px"/>
                                        </h:commandLink>
                                    </h:column>

                                    <h:column>
                                        <f:facet name="header">
                                            <h:outputText value="Nom"/>
                                        </f:facet>
                                        <h:outputText value="{#competences.nom_comp}"/>
                                    </h:column>

                                    <h:column>
                                        <f:facet name="header">
                                            <h:outputText value="Année Exp"/>
                                        </f:facet>
                                        <h:outputText value="{#competences.annee}"/>
                                    </h:column>
                                </h:dataTable>
                            </h:form>
                        </div><!-- Fin du panneau Suiveurs -->                        
                    </div>
                    
                    <p>
                        <h3>Mémo : </h3>
                        <textarea cols="80%" rows="5" ></textarea>
                    </p>

                    <ui:insert name="contenu">Contenu principal</ui:insert>
                </div><!-- Contenu principal -->
            </div><!-- Bloc central -->
            <div class="clear"></div>
            <div id="bottom">
                <p>
                    <a href="http://www.utt.fr" title="Université de Technologie de Troyes"> Université de Technologie de Troyes</a>                   
                </p>
            </div> <!-- Bas de page - Pied de page -->
        </div><!-- Bloc global -->
    </body>

</html>
</f:view>